{% extends "base.html" %}

{% block title %}服务器错误 - 提示词管理系统{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-6 text-center">
            <div class="error-template">
                <h1>500</h1>
                <h2>服务器内部错误</h2>
                <div class="error-details">
                    抱歉，服务器遇到了一个内部错误，无法完成您的请求。
                </div>
                <div class="error-actions mt-4">
                    <a href="{{ url_for('index') }}" class="btn btn-primary">
                        <i class="bi bi-house"></i> 返回首页
                    </a>
                    <a href="javascript:history.back()" class="btn btn-outline-primary">
                        <i class="bi bi-arrow-left"></i> 返回上一页
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.error-template {
    padding: 40px 15px;
    text-align: center;
}
.error-template h1 {
    font-size: 200px;
    font-weight: bold;
    color: #dc3545;
    text-shadow: 2px 2px 0px #fff, 4px 4px 0px rgba(0,0,0,0.15);
    margin-bottom: 20px;
}
.error-template h2 {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    margin-bottom: 20px;
}
.error-details {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}
</style>
{% endblock %}